'use client'

import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Button } from '@/components/ui/button'
import { ArrowLeft } from 'lucide-react'

export function ProjectDetailTest() {
  return (
    <div className="space-y-6">
      <div className="flex items-center space-x-4">
        <Button variant="ghost" size="icon">
          <ArrowLeft className="h-4 w-4" />
        </Button>
        <div>
          <h1 className="text-3xl font-bold tracking-tight">测试项目详情</h1>
          <p className="text-gray-600 mt-2">这是一个测试页面，用于验证组件是否能正常渲染。</p>
        </div>
      </div>

      <Card>
        <CardHeader>
          <CardTitle>测试信息</CardTitle>
        </CardHeader>
        <CardContent>
          <p className="text-sm text-gray-600">
            如果你能看到这个页面，说明项目详情页面的基本结构是正常的。
          </p>
        </CardContent>
      </Card>
    </div>
  )
}